.switch-ios
{
	width: 52px;
	height: 31px;
	position: relative;
	border: 1px solid #dfdfdf;
	background-color: #fdfdfd;
	box-shadow: #dfdfdf 0 0 0 0 inset;
	border-radius: 20px;
	background-clip: content-box;
	display: inline-block;
	-webkit-appearance: none;
	user-select: none;
	outline: none;
}
.switch-ios:before
{
	content: '';
	width: 29px;
	height: 29px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.switch-ios:checked
{
	border-color: #64bd63;
	box-shadow: #64bd63 0 0 0 16px inset;
	background-color: #64bd63;
}
.switch-ios:checked:before
{
	/*left: 21px;*/
	left: inherit;
	right: 0;
}
.switch-ios.switch-ios-animbg
{
	transition: background-color ease 0.4s;
}
.switch-ios.switch-ios-animbg:before
{
	transition: left 0.3s;
}
.switch-ios.switch-ios-animbg:checked
{
	box-shadow: #dfdfdf 0 0 0 0 inset;
	background-color: #64bd63;
	transition: border-color 0.4s, background-color ease 0.4s;
}
.switch-ios.switch-ios-animbg:checked:before
{
	transition: left 0.3s;
}
.switch-ios.switch-ios-anim
{
	transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
}
.switch-ios.switch-ios-anim:before
{
	transition: left 0.3s;
}
.switch-ios.switch-ios-anim:checked
{
	box-shadow: #64bd63 0 0 0 16px inset;
	background-color: #64bd63;
	transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s;
}
.switch-ios.switch-ios-anim:checked:before
{
	transition: left 0.3s;
}